Skip to content

[Frontend] Guild Settings Layout Scaffold#318

Open
armorbreak001 wants to merge 1 commit intoGalactiGuild:mainfrom
armorbreak001:bounty/275-guild-settings-layout
Open

[Frontend] Guild Settings Layout Scaffold#318
armorbreak001 wants to merge 1 commit intoGalactiGuild:mainfrom
armorbreak001:bounty/275-guild-settings-layout

Conversation

@armorbreak001
Copy link
Copy Markdown

Fixes #275

What was done

  • Created SettingsLayout component in src/components/guild/SettingsLayout.tsx
  • Persistent left sidebar with navigation: General, Members, Treasury, Integrations
  • Active link is distinctly highlighted (blue background + text)
  • Mobile responsive: sidebar collapses into hamburger menu at md breakpoint with overlay
  • Central <main> content area for rendering specific settings pages
  • Includes demo page (SettingsLayout.demo.tsx) with mock General settings form

How to verify

  1. Open frontend/src/components/guild/SettingsLayout.demo.tsx in your browser
  2. Verify the left sidebar shows all 4 navigation links with icons
  3. Click each link — active state should highlight the current section
  4. Resize browser below md (768px) — sidebar should collapse, hamburger icon appears in header
  5. Click hamburger to open sidebar, click X or overlay to close

…ation

Fixes GalactiGuild#275

- Create SettingsLayout with persistent left sidebar
- Navigation links: General, Members, Treasury, Integrations
- Active link highlighting via pathname matching
- Mobile responsive: collapses to hamburger menu at md breakpoint
- Central <main> content area for settings pages
- Demo page with mock form showing General settings
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Frontend] Guild Settings Layout Scaffold

1 participant